/* input */
.search-wrap {
  .el-input__wrapper {
    height: 32px;
  }
}


.el-input__wrapper {
  padding: 1px 8px 1px 12px;
  .el-input__suffix {
    height: calc(100% - 2px);
  }
  .el-input__clear,
  .clear-icon,
  .el-range__close-icon,
  .icon-circle-close {
    color: $g-color-n4;
    height: calc(100% - 2px);
    line-height: calc(100% - 2px);
    &:hover {
      color: $g-color-n4-hover;
    }
    &::after {
      content: '';
    }
  }
}

/* select */
.el-select-dropdown__item.selected {
  font-weight: 400;
}
.el-select-dropdown__item {
  margin: 0 4px;
  border-radius: 3px;
  padding: 0 20px 0 8px;
}
.header-select--remote {
  width: 240px;
  .is-reverse {
    transform: none !important;
  }
}
.select-option-subtitle {
  font-size: 12px;
  color: #7A8A99;
  line-height: 20px
}

/* select-v2 */
.el-select-v2 {
  width: 100%;
  .el-select-v2__wrapper.is-hovering:not(.is-focused) {
    box-shadow: 0 0 0 1px var(--el-color-primary) inset;
    border-color: transparent
  }
  .el-select-v2__wrapper.is-focused {
    box-shadow: 0 0 0 1px var(--el-color-primary) inset;
    border-color: transparent
  }
}

/* cascader */

.el-cascader-node.in-active-path,
.el-cascader-node.is-active {
  font-weight: 400;
}
.el-cascader-node {
  padding: 0 30px 0 8px;
  margin: 4px;
  border-radius: 3px;
  .el-cascader-node__prefix {
    display: none;
  }
}

.el-icon.arrow-right {
  font-size: 10px;
}

/* radio */
.el-radio {
  &:hover:not(.is-disabled) {
    .el-radio__inner {
      border-color: $themeColor;
    }
  }
  .el-radio__inner {
    border-color: #e1e6eb;
  }
  .el-radio__inner::after {
    width: 6px;
    height: 6px;
  }
  .el-radio__label {
    padding-left: 9px;
  }
}
.el-radio__input.is-checked + .el-radio__label {
  color: $g-text-color;
}
.el-radio__input.is-disabled .el-radio__inner {
  background-color: #f8fbfc;
  border-color: #e1e6eb;
}
.el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: #e1e6ebff;
  border-color: #e1e6ebff;
  &::after {
    background: #ffffff;
  }
}

/* form */
.el-form-item--default {
  margin-bottom: 20px;
}
.el-form-item__content {
  .el-select {
    width: 100%;
  }
  .el-upload-list--text.is-disabled {
    margin-top: -31px;
  }
}
.el-form--default .el-form-item .el-form-item__label {
  color: $g-color-n1; 
}
.el-form--default.el-form--label-top .el-form-item .el-form-item__label {
  margin-bottom: 4px;
}

.g-form {
  .g-form-input--large,
  .g-form-select--large {
    height: 40px;

    .el-input__wrapper {
      height: 40px;
      line-height: 40px;
    }
  }
}

/* input */
.el-input.is-disabled .el-input__wrapper {
  background-color: #f6f9fa;
}



/* form-label-item color*/

.is-required:not(.is-no-asterisk),
.required:not(.is-no-asterisk) {
  .el-form-item__label {
    position: relative;
    &::before {
      content: '';
      display: none;
    }
    &::after {
      content: '*';
      font-weight: 600;
      color: var(--el-color-danger);
      /* margin-right: -24px; */
      margin-left: 4px;
      font-size: 14px;
    }
  }
}
// description组件
.g-description {
  .el-descriptions__body .el-descriptions__table .el-descriptions__cell.el-descriptions__label {
    font-size: 12px;
    color: #51596c;
    line-height: 16px;
  }

  .el-descriptions__body .el-descriptions__table .el-descriptions__cell.el-descriptions__content {
    padding-bottom: 20px;
    font-size: 14px;
    color: #212529;
    line-height: 26px;
  }
}

.g-unit-item {
  .el-input-group__append {
    width: 70px;
    background: #edf2f5;

    .el-input__wrapper {
      padding-right: 11px;
      overflow: hidden;
      color: #909399;
    }

    .el-input__suffix {
      position: absolute;
      right: 1px;
      top: 1px;
      height: calc(100% - 2px);
      background: #edf2f5;
      padding: 0 10px 0 0;

      .el-input__suffix-inner > :first-child {
        margin-left: 0;
      }
    }
  }
}
.is-disabled {
  --el-disabled-bg-color: #f6f9fa;
  .el-textarea__inner:hover {
    box-shadow: none;
  }
}

.el-select-tags-wrapper {
  .el-tag.is-closable {
    display: inline-flex;
    color: #435970;
    background: #EDF2F7;
    height: 24px;
    padding-right: 7px;
  }
}
